<!DOCTYPE html>
<style>
	 body { 
	   background:url("bg3.jpg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
	   background-size:cover;  /* 让背景图基于容器大小伸缩 */
	   background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    //此条属性必须设置否则可能无效/
	   background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
	  font-family:方正姚体;
	 }
	a{
		 color:#336666;
		  text-decoration:none;
	 }
	 p{
		 color: #3D7878;
	 }
	 input{
	 		 font-size:35px;
	 		 font-family:YouYuan;
	 		 background-color: whitesmoke;
	 }
	 button{
	 			border:solid 10px aquamarine;
	 		    border-radius:10px;
	 			border-style:double;
	 			border-color: #006200;
	 			height:65px;
	 			width: 180px;
	 		    font-size:40px;
	 			font-weight: 900;
	 			color: #f5f5f5;
	 		 	font-family:方正姚体;
	 		    background-color: #ffffff;
	 				-webkit-transition-duration: 0.4s; /* Safari */
	 				    transition-duration: 0.4s; 
	 		 }
		.button:hover {
			     box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
				 }
	 .left{
		 		float: left;
		 	    }
	.right{
		 		float: right;
		 	    }
	 }
	
</style>
<html>
<head>
	<title>管理员登录界面</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
	<div style="text-align:center ;font-size:30px; margin-top: 100px;">
		<form  action="php/login.php" method="post" align="center" style="margin-top:50px">
			<p><span class="glyphicon glyphicon-user"></span> 账号：<input type="text" name="username" placeholder="username"></p>
			<p><span class="glyphicon glyphicon-lock"></span> 密码：<input type="password" name="password" placeholder="password"></p><br><br>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="submit" value="登录">登录</button></p>
		</form>
	</div>
</body>
</html>